var path = require('path');

var htmlWebpackPlugin = require('html-webpack-plugin');

var VueLoaderPlugin = require('vue-loader/lib/plugin'); //vue-loader插件

module.exports = {
  mode: 'development',
  entry: path.join(__dirname, './src/main.js'), // 入口文件
  output: {
    filename: 'bundle.js', //指定输出文件的名称
    path: path.join(__dirname, './dist') //输出路径
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        use: 'vue-loader' //处理.vue文件的loader
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader']
      },
      {
        test: /\.(ttf|eot|woff|woff2|svg)$/, //处理字体
        use: ['file-loader']
      },
      {
        test: /\.jpeg|.jpg|.bmp|.gif|.svg|.png$/, //处理图片
        use: ['file-loader']
      }
    ]
  },
  plugins: [
    // 所有webpack  插件的配置节点
    new htmlWebpackPlugin({
      template: path.join(__dirname, './src/index.html'), // 指定模板文件路径
      filename: 'index.html' // 设置生成的内存页面的名称
    }),
    new VueLoaderPlugin()
  ],
  resolve: {
    //通过
    alias: {
      // "vue$": "vue/dist/vue.js"
    }
  }
};
